
.block1 {
  height: 700px;
  background:url(../images/login-bg.png) center 0;
}

.login-tit {
  z-index: 62;
  height: 60px;
  box-sizing: border-box;
  padding-top: 20px;
  background-color: rgba(255, 255, 255, 1);
}

.login-logo {
  width: 83px;
  height: 22px;
  background:url(../images/logo@2x.png) no-repeat;
  background-size:contain;
}

.txt1 {
  width: 64px;
  display: block;
  color: rgba(126, 132, 163, 1);
  font-size: 16px;
  line-height: 22px;
  margin-left: 20px;
}

.login-box {
  height: 520px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 1);
  align-self: flex-end;
  width: 460px;
  margin: 66px 200px 0 0;
}

.register-sub-box,.login-sub-box{
  display: none;
}

.login-sub-box-titborder,.login-box-titborder{
  z-index: 9;
  width: 20px;
  height: 3px;
  border-radius: 1.5px 1.5px 1.5px 1.5px;
  background-color: rgba(97, 145, 250, 1);
  align-self: flex-start;
  margin: 2px 0 0 16px;
}

.login-box-titborder{
  margin-left: 76px;
}


.wrap1 {
  z-index: auto;
  width: 102px;
  height: 28px;
  margin-left: 4px;
}

.word1 {
  z-index: 8;
  width: 32px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(0, 11, 34, 1);
  font-size: 16px;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 22px;
  margin-top: 3px;
}

.word2 {
  z-index: 7;
  width: 40px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(97, 145, 250, 1);
  font-size: 20px;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 28px;
}

.wrap2 {
  z-index: 9;
  width: 20px;
  height: 3px;
  border-radius: 1.5px 1.5px 1.5px 1.5px;
  background-color: rgba(97, 145, 250, 1);
  align-self: flex-start;
  margin: 2px 0 0 76px;
}

.word3 {
  z-index: 11;
  width: 98px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(126, 132, 163, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: flex-start;
  margin-top: 30px;
}

.wrap3 {
  z-index: 12;
  width: 280px;
  height: 40px;
  border-radius: 4px;
  border-width: 1px;
  border: 1px solid rgba(97, 145, 250, 1);
  background-color: rgba(255, 255, 255, 1);
  margin-top: 6px;
}

.txt2 {
  z-index: 14;
  width: 70px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(126, 132, 163, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: flex-start;
  margin-top: 20px;
}

.wrap4 {
  z-index: 15;
  width: 280px;
  height: 40px;
  border-radius: 4px;
  border-width: 1px;
  border: 1px solid rgba(97, 145, 250, 1);
  background-color: rgba(255, 255, 255, 1);
  margin-top: 6px;
}

.word4 {
  z-index: 17;
  width: 84px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(126, 132, 163, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
  align-self: flex-start;
  margin-top: 20px;
}

.wrap5 {
  z-index: auto;
  width: 280px;
  height: 40px;
  margin-top: 6px;
}

.wrap6 {
  z-index: 18;
  width: 140px;
  height: 40px;
  border-radius: 4px;
  border-width: 1px;
  border: 1px solid rgba(97, 145, 250, 1);
  background-color: rgba(255, 255, 255, 1);
}

.wrap7 {
  z-index: 19;
  height: 40px;
  border-radius: 4px;
  background-color: rgba(236, 237, 240, 1);
  width: 120px;
  padding-right: 11px;
}

.word5 {
  z-index: 20;
  width: 93px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(126, 132, 163, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
}

.wrap8 {
  z-index: auto;
  width: 236px;
  height: 20px;
  margin-top: 30px;
}

.section2 {
  z-index: 25;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border-width: 1px;
  border: 1px solid rgba(97, 145, 250, 1);
  background-color: rgba(255, 255, 255, 1);
  margin-top: 2px;
}

.section3 {
  z-index: 24;
  width: 210px;
  height: 20px;
  overflow-wrap: break-word;
  text-align: left;
  white-space: nowrap;
  font-size: 0;
}

.word6 {
  font-size: 14px;
  font-family: PingFangSC-Regular;
  color: rgba(126, 132, 163, 1);
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.word7 {
  font-size: 14px;
  font-family: PingFangSC-Semibold;
  color: rgba(97, 145, 250, 1);
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.word8 {
  font-size: 14px;
  font-family: PingFangSC-Regular;
  color: rgba(126, 132, 163, 1);
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.word9 {
  font-size: 14px;
  font-family: PingFangSC-Semibold;
  color: rgba(97, 145, 250, 1);
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wrap9 {
  z-index: 21;
  height: 50px;
  border-radius: 4px;
  background-color: rgba(97, 145, 250, 1);
  margin-top: 10px;
  width: 280px;
}

.word10 {
  z-index: 22;
  width: 28px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.wrap10 {
  z-index: auto;
  width: 116px;
  height: 20px;
  margin-top: 10px;
}

.word11 {
  z-index: 26;
  width: 84px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(126, 132, 163, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.word12 {
  z-index: 27;
  width: 28px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(97, 145, 250, 1);
  font-size: 14px;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.block2 {
  z-index: 29;
  height: 184px;
  background-color: rgba(255, 255, 255, 1);
  width: 1920px;
  position: absolute;
  left: 0;
  top: 716px;
}

.outer1 {
  z-index: auto;
  width: 1100px;
  height: 105px;
}

.mod2 {
  z-index: auto;
  width: 652px;
  height: 99px;
  margin-top: 1px;
}

.layer2 {
  z-index: auto;
  width: 648px;
  height: 49px;
}

.layer3-0 {
  z-index: auto;
  width: 56px;
  height: 49px;
  margin-right: 140px;
}

.box1-0 {
  z-index: auto;
  width: 56px;
  height: 49px;
}

.word13-0 {
  z-index: 43;
  width: 56px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.info1-0 {
  z-index: 44;
  width: 48px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
  align-self: flex-start;
  margin-top: 12px;
}

.layer3-1 {
  z-index: auto;
  width: 56px;
  height: 49px;
  margin-right: 140px;
}

.box1-1 {
  z-index: auto;
  width: 56px;
  height: 49px;
}

.word13-1 {
  z-index: 43;
  width: 56px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.info1-1 {
  z-index: 44;
  width: 48px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
  align-self: flex-start;
  margin-top: 12px;
}

.layer3-2 {
  z-index: auto;
  width: 56px;
  height: 49px;
  margin-right: 140px;
}

.box1-2 {
  z-index: auto;
  width: 56px;
  height: 49px;
}

.word13-2 {
  z-index: 43;
  width: 56px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.info1-2 {
  z-index: 44;
  width: 48px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
  align-self: flex-start;
  margin-top: 12px;
}

.layer3-3 {
  z-index: auto;
  width: 56px;
  height: 49px;
  margin-right: 140px;
}

.box1-3 {
  z-index: auto;
  width: 56px;
  height: 49px;
}

.word13-3 {
  z-index: 43;
  width: 56px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

.info1-3 {
  z-index: 44;
  width: 48px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
  align-self: flex-start;
  margin-top: 12px;
}

.layer4 {
  z-index: auto;
  width: 640px;
  height: 17px;
  margin-top: 8px;
}

.info2 {
  z-index: 45;
  width: 48px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
}

.word14 {
  z-index: 50;
  width: 48px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
}

.word15 {
  z-index: 55;
  width: 48px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
}

.txt3 {
  z-index: 60;
  width: 48px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
}

.layer5 {
  z-index: auto;
  width: 652px;
  height: 17px;
  margin-top: 8px;
}

.word16 {
  z-index: 46;
  width: 48px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
}

.word17 {
  z-index: 51;
  width: 48px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
  margin-left: 148px;
}

.word18 {
  z-index: 56;
  width: 60px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
  margin-left: 148px;
}

.word19 {
  z-index: 61;
  width: 60px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
  margin-left: 140px;
}

.mod3 {
  z-index: 30;
  width: 1px;
  height: 96px;
  background-color: rgba(182, 190, 205, 1);
  margin-top: 2px;
}

.mod4 {
  z-index: auto;
  width: 241px;
  height: 105px;
}

.info3 {
  z-index: 31;
  width: 174px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(97, 145, 250, 1);
  font-size: 24px;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 33px;
  text-align: left;
  align-self: flex-start;
}

.box2 {
  z-index: auto;
  width: 220px;
  height: 20px;
  margin-top: 2px;
}

.txt4 {
  z-index: 35;
  width: 60px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(121, 132, 154, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
  margin-top: 2px;
}

.box3 {
  z-index: 32;
  width: 156px;
  height: 20px;
  overflow-wrap: break-word;
  text-align: left;
  white-space: nowrap;
  font-size: 0;
}

.word20 {
  font-size: 14px;
  font-family: PingFangSC-Regular;
  color: rgba(102, 102, 102, 1);
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.word21 {
  font-size: 12px;
  font-family: PingFangSC-Regular;
  color: rgba(102, 102, 102, 1);
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.box4 {
  z-index: auto;
  width: 81px;
  height: 18px;
  margin-top: 7px;
}

.word22 {
  z-index: 34;
  width: 60px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(121, 132, 154, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
}

.label1 {
  z-index: 37;
  width: 17px;
  height: 18px;
}

.box5 {
  z-index: auto;
  width: 241px;
  height: 20px;
  margin-top: 5px;
}

.word23 {
  z-index: 36;
  width: 60px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(121, 132, 154, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
  margin-top: 2px;
}

.word24 {
  z-index: 33;
  width: 177px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: left;
}

body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}
